<template>
    <div class="app-list-empty-text">
        <div class="app-empty app-empty-normal">
            <div class="app-empty-image">
                <img :alt="description" src="">
            </div>
            <p class="app-empty-description">{{description}}</p>
        </div>
    </div>
</template>

<script>
export default {
  name: 'AEmpty',
  props: {
    description: {
      type: String,
      required: false,
      default: '暂无数据'
    },
    image: {
      type: String,
      required: false
    },
  },
}
</script>

<style lang="less">
.app-list-empty-text {
    padding: 32px;
    color: rgba(0,0,0,0.25);
    font-size: 28px;
    text-align: center;
}
.app-empty {
    margin: 0 16px;
    font-size: 28px;
    line-height: 44px;
    text-align: center;
}
.app-empty-normal {
    margin: 64px 0;
    color: rgba(0,0,0,0.25);
}
.app-empty-image {
    height: 200px;
    margin-bottom: 16px;
}
.app-empty-normal .app-empty-image {
    height: 80px;
}
.app-empty-image img {
    height: 100%;
}
.app-empty-description {
    margin: 0;
}
</style>
